@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% "微软雅黑"; color:#000000;text-align:center;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/200% "微软雅黑";}
li,p{text-align:left;font:normal 12px/200% "微软雅黑";}
a:link,a:visited{color:#000000; text-decoration:none;}
a:hover{color:#000000; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/200% "微软雅黑";}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.m10{ margin:10px auto;}
.w1400_1000_320{ width:1400px;}
.list_14 li{ background:url(images/dot.gif) no-repeat 0 12px; padding-left:12px;font-size:14px;}
.list_12 li{ background:url(images/dot.gif) no-repeat 0 8px; padding-left:12px;}
.fl{ float:left;}
.fr{ float:right;}
.white,.white a:link,.white a:visited,.white a:hover{ color:#fff;}

/*top*/
.top01{ padding:20px 0;}
.top01 .fl{ width:220px;}
.top01 .fr{ width:700px; padding-top:25px;}
.top01 .fr ul{ float:left; margin-left:20px;}
.top01 .fr ul li{ float:left;}
.top01 .fr .nav_i01 .t01 input{ background:url(images/icon09.png) no-repeat; height:33px; line-height:33px; width:257px; border:none; padding-left:5px;}

.top01 .fr .nav_i02 li{ background:url(images/icon06.png) no-repeat; width:98px; height:33px; line-height:33px; font-size:14px; text-align:center; margin-right:10px;}
.top01 .fr .nav_i03{ margin-top:5px; background:url(images/icon07.png) no-repeat; width:113px; height:27px;}
.top01 .fr .nav_i03 li{ line-height:27px; text-align:center; width:56px;}

.nav_bg{ background:url(images/line02.png); height:60px;}
.nav dl{}
.nav dl dt{ float:left; font-size:22px; line-height:60px; width:275px; text-align:center;height:60px; }
.nav dl dd{ float:left; line-height:60px; text-align:center; height:60px;}
.nav dl dt:hover{ background:url(images/line01.png) top center no-repeat;}
.nav dl dt a{ text-decoration:none;}

/*banner*/
.banner01{ margin:0 auto 15px;}
.banner01 ul{ margin-left:-20px;}
.banner01 li{ margin-left:24px; float:left;}

.banner02{ margin:15px auto 15px;}
.banner02 ul{ margin-left:-20px;}
.banner02 li{ margin-left:24px; float:left;}


/*p1*/
.device { width: 1400px; height: 240px; position: relative; margin:50px auto 20px; position:relative; z-index:2000;}
.device .arrow-left {}
.device .arrow-right {}
.swiper-container{ height: 240px; width: 1400px;}

.slide_box{ position:relative;}
.slide_box img{ display:block; position:absolute; z-index:5; width:100%;}
.slide_box p{ background:url(images/bg01.png); font-size:15px; width:180px; height:300px; position:absolute; z-index:100; right:45px; top:77px; color:#d4d5d4; padding:20px; line-height:180%;}
.slide_box p b{ display:block; font-size:22px; color:#fff; font-weight:normal; margin-bottom:8px;}

.pagination {position: absolute; z-index:100; right:0; text-align: center; bottom:20px; width:10%;}
.swiper-pagination-switch { display: inline-block; width: 14px; height: 14px; border-radius: 10px; background: #999;
margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background: #dd3737;}
/*p2*/
.p2_title{ font-size:48px; margin:10px auto; font-weight:bold; text-align:center; position:relative; z-index:2000;}
.p2_content{ margin:10px auto 30px; position:relative; z-index:2000;}
.p2_content .topPic{ width:960px;}
.p2_content .fr{ width:410px;}
.p2_content .topPic img.preva{ position:absolute;left:80px;bottom:15px;width:15px;height:29px; z-index:10;}
.p2_content .topPic img.nexta{ position:absolute;right:10px;bottom:15px;width:15px;height:29px; z-index:10;}
.p2_content .topPic li{height:605px;width:960px; position:relative;}
.p2_content .topPic span{ display:block; height:59px;line-height:59px; background:url(images/bg_pic.png) left no-repeat;font:normal 18px/50px "\5FAE\8F6F\96C5\9ED1";color:#fff; position:absolute;bottom:0px;right:0;z-index:100; overflow:hidden;width:100%; text-align:center}
.p2_content .topPic span b{font-size:30px;color:#ff0000;font-weight:normal;margin-left:30px;}
.p2_content .topPic span i{ display:block; float:right;width:50px;height:50px;line-height:50px; background:url(images/more1.gif) no-repeat center center;}
.p2_content .topPic span em{ line-height:60px;}
.p2_content .topPic span.this{width:50px;right:0;bottom:0; }
.p2_content .topPic span.this i{background:url(images/more2.png) no-repeat center center;}
.p2_content .topPic span.this em{ display:none;}

.p2_content .fr div{ margin-bottom:15px;}
.p2_content .fr div img{ width:100%; height:auto;}
.p2_content .fr ul li{ border-bottom:#ccc 1px dotted; font-size:16px; height:54px; line-height:54px;}
.p2_content .fr ul li em{ background:url(images/icon10.png) no-repeat; width:15px; height:15px; display:block; float:left; margin-right:6px; margin-top:20px;}


/*p3*/
.p3_con{ margin:20px auto 40px; position:relative; z-index:2000;}
.rollBox{width:1400px; position:relative;}
.rollBox .ScrCont{width:1050px;overflow:hidden;float:left;}
.rollBox .LeftBotton{width:20px;height:35px; background:url(images/left2.png) no-repeat;overflow:hidden;float:left;display:inline;cursor:pointer; position:absolute; z-index:100;top:70px; left:-20px;}
.rollBox .RightBotton{width:20px;height:35px;background:url(images/right2.png) no-repeat;overflow:hidden;float:left;display:inline;cursor:pointer; position:absolute; z-index:100; top:70px; right:-25px;}
.rollBox ul li{ height:200px; background:#f2f2f2; font-size:14px;float:left;width:220px;margin:0 7px;display:inline;position:relative;font-size:14px;}
.rollBox ul li span{height:65px; padding:10px 15px; display:block;}
.rollBox ul li img{display:block;}


/*p4*/
.title01{ border-bottom:#b23c3c 1px solid;margin:30px auto 20px; position:relative; z-index:2000;}
.title01 em{ float:left; font-size:32px; line-height:65px; height:65px; display:block; margin-right:10px;}
.title01 i{ float:left; display:block; height:40px; padding-top:15px;}
.title01,.title01 a:link,.title01 a:visited,.title01 a:hover{ color:#b23c3c;}
.title01 span{ float:right; color:#7e7d7d; padding-top:30px; padding-right:10px; cursor:pointer;}
.title01 span,.title01 span a,.title01 span a:hover{ color:#7e7d7d;}
.title01 span img{ vertical-align:middle; margin-right:4px;}

.p4_content{ position:relative; z-index:2000;margin-bottom:30px;}
.p4_content ul li{ width:220px; float:left; margin:10px 6px;}
.p4_content ul li img{ display:block; position:relative; z-index:1;}
.p4_content ul li p{ font-size:14px; display:block; padding:8px 10px 8px 10px; height:50px;}


/*p5*/
.p5_con{ margin:30px auto;position:relative; z-index:2000;}
.p5_con dt{ width:480px; float:left; font-size:14px;}
.p5_con dd{ width:220px; float:left; margin-left:10px; font-size:14px; line-height:160%; margin-bottom:20px;}
.p5_con dl img{ display: block; margin-bottom:8px;}
.p5_con dl span{ display:block; margin-bottom:10px; position:relative;}
.p5_con dl em{ position:absolute; bottom:4px; right:4px; color:#fff; background:#000; padding:0 8px; font-size:12px; z-index:10;}
.p5_con dl dt span{ margin-bottom:15px;}


/*p7*/
.rollBox_p7{width:1400px; position:relative; z-index:2000;}
.rollBox_p7 .ScrCont_p7{width:1050px;overflow:hidden;float:left;}
.rollBox_p7 .LeftBotton_p7{width:20px;height:35px; background:url(images/left2.png) no-repeat;overflow:hidden;float:left;display:inline;cursor:pointer; position:absolute; z-index:100;top:140px; left:-20px;}
.rollBox_p7 .RightBotton_p7{width:20px;height:35px;background:url(images/right2.png) no-repeat;overflow:hidden;float:left;display:inline;cursor:pointer; position:absolute; z-index:100; top:140px; right:-35px;}
.rollBox_p7 ul li{font-size:14px;float:left;margin:0 7px;display:inline;position:relative;font-size:14px; width:220px; line-height:160%;}
.rollBox_p7 ul li img{display:block; margin-bottom:8px;}

/*p8*/
.p8_con{position:relative; z-index:2000;margin-top:30px;}
.p8_con .title01{ margin:0 auto 30px;}
.fq_demo{width:1400px;height:250px;overflow:hidden; margin-left:-5px;}
.fq_demo li{float:left;width:230px;heihgt:100%;-webkit-transition:width 0.5s ease-out;-moz-transition:width 0.5s ease-out;-ms-transition:width 0.5s ease-out;transition:width 0.5s ease-out; font-size:14px;}
.fq_demo li p{ padding-left:13px; font-size:14px; padding-top:8px;}
.fq_demo li img{display:block; border-left:#fff 10px solid;}
.fq_demo:hover li:not(:hover){width:220px;}
.fq_demo li:hover{width:460px;}
/* 初始展开  */
.fq_demo_1 li{width:230px;}
.fq_demo_1 li:first-child{width:460px;}

/*p9*/
.rollBox_p9{width:1400px; position:relative;}
.rollBox_p9 .ScrCont_p9{width:1050px;overflow:hidden;float:left;}
.rollBox_p9 .LeftBotton_p9{width:20px;height:35px; background:url(images/left2.png) no-repeat;overflow:hidden;float:left;display:inline;cursor:pointer; position:absolute; z-index:100;top:140px; left:-20px;}
.rollBox_p9 .RightBotton_p9{width:20px;height:35px;background:url(images/right2.png) no-repeat;overflow:hidden;float:left;display:inline;cursor:pointer; position:absolute; z-index:100; top:140px; right:-35px;}
.rollBox_p9 ul li{font-size:14px;float:left;margin:0 7px;display:inline;position:relative;font-size:14px; width:220px; line-height:160%;}
.rollBox_p9 ul li img{display:block; margin-bottom:8px;}


.copyright{ text-align:center; color:#666; padding:50px 0;}


#div_right{position:fixed;bottom:20px;width:100px;left:50%;z-index:8000;margin:0 0 0 720px;}
#div_right .right_nav div{ text-align:center;}
#div_right .right_nav div p{ text-align:center; font-size:18px; line-height:30px; display:block; height:30px; color:#fff; background:#d3d3d3;}
#div_right .right_nav div p a,#div_right .right_nav div p a:hover{ color:#fff;}

#duilian_left{ width:100px; height:320px; position:fixed; top:295px; left:1%; z-index:10;}
#duilian_right{ width:100px; height:320px; position:fixed; top:295px; right:1%; z-index:10;}
#duilian_right a,#duilian_left a{ cursor:pointer;}
#duilian_right p{ text-align:right;}

#ad_bottom{ width:100%;  height:60px; text-align:center; position:fixed; bottom:0; z-index:3000;}
#ad_bottom a{ cursor:pointer}
#ad_bottom img{ width:1400px; height:60px;}
#ad_bottom p{ position:absolute; left:10%;}

.gg_full{ position:relative; z-index:9999;}
/* MEDIA QUERIES PAD
---------------------------------------------------------------------- */
@media (min-device-width:1000px) and (max-width:1400px),
       screen and (max-device-width:1400px){ 

#duilian_left,#duilian_right{ display:none;}
#ad_bottom img{ width:1000px; height:50px;}

.w1400_1000_320{ width:1000px;}

/*banner*/
.banner01{ margin:0 auto 15px;}
.banner01 ul{ margin-left:0px;}
.banner01 li{ margin-left:0px; float:left;}
.banner01 li.t01{ display:none;}

.banner02{ margin:15px auto 15px;}
.banner02 ul{ margin-left:0px;}
.banner02 li{ margin-left:0px; float:left;}
.banner02 li.t01{ display:none;}

/*top*/
.nav dl dt{width:195px;}

/*p1*/
.device { width: 1000px; height: 170px; position: relative; margin:50px auto 20px;}
.swiper-container{ height: 170px; width: 1000px;}
.slide_box p{ font-size:14px; width:180px; height:280px; position:absolute;top:30px;  padding:10px 15px; overflow:hidden;}
.slide_box p b{font-size:16px; }
.pagination {position: absolute; z-index:100; left: 0; text-align: center; bottom:10px; width: 100%;}
/*p2*/
.p2_title{ font-size:40px; margin:10px auto; font-weight:bold; text-align:center;}
.p2_content{ position:relative;}
.p2_content .topPic{ width:680px;}
.p2_content .fr{ width:290px;}
.p2_content .topPic li{height:430px;width:680px; position:relative; overflow:hidden;}
.p2_content .fr ul li{ border-bottom:#ccc 1px dotted; font-size:12px; height:37px; line-height:37px; overflow:hidden;}
.p2_content .fr ul li em{margin-top:10px;}

/*p3*/
.rollBox{width:1000px; position:relative; overflow:hidden;}
.rollBox .ScrCont{width:980px;overflow:hidden;float:left; margin-left:22px;}
.rollBox .LeftBotton{ left:0px;}
.rollBox .RightBotton{ right:0px;}
.rollBox ul li{margin:0 25px 0 0;}

.p4_content ul li{ width:220px; float:left; margin:10px 13px;}	
		
/*p5*/
.p5_con{ margin:30px auto 0px auto;}
.p5_con dt{ width:325px; float:left; font-size:14px;}
.p5_con dt img{ width:100%; height:auto;}
.p5_con dd{ width:156px; float:left; margin-left:10px; font-size:12px; line-height:160%; margin-bottom:10px;}
.p5_con dd img{ width:100%; height:auto;}
.p5_con dl img{ display: block; margin-bottom:8px;}
.p5_con dl span{ display:block; margin-bottom:10px; position:relative;}
.p5_con dl em{ position:absolute; bottom:4px; right:4px; color:#fff; background:#000; padding:0 8px; font-size:12px; z-index:10;}
.p5_con dl dt span{ margin-bottom:15px;}	   


/*p7*/
.rollBox_p7{width:1000px; position:relative; overflow:hidden;}
.rollBox_p7 .ScrCont_p7{width:980px;overflow:hidden;float:left; margin-left:22px;}
.rollBox_p7 .LeftBotton_p7{left:0px;}
.rollBox_p7 .RightBotton_p7{right:0px;}
.rollBox_p7 ul li{margin:0 25px 0 0;}

/*p9*/
.rollBox_p9{width:1000px; position:relative; overflow:hidden;}
.rollBox_p9 .ScrCont_p9{width:980px;overflow:hidden;float:left; margin-left:22px;}
.rollBox_p9 .LeftBotton_p9{left:0px;}
.rollBox_p9 .RightBotton_p9{right:0px;}
.rollBox_p9 ul li{margin:0 25px 0 0;}


/*p8*/
.fq_demo{width:1000px;height:190px;overflow:hidden; margin-left:-5px;}
.fq_demo li{float:left;width:330px;heihgt:100%;-webkit-transition:width 0.5s ease-out;-moz-transition:width 0.5s ease-out;-ms-transition:width 0.5s ease-out;transition:width 0.5s ease-out; font-size:14px;}
.fq_demo li p{ padding-left:13px; font-size:14px; padding-top:8px;}
.fq_demo li img{display:block; border-left:#fff 10px solid;}
.fq_demo li img{ width:330px; height:160px;}
.fq_demo:hover li:not(:hover){width:160px;}
.fq_demo li:hover{width:330px;}
/* 初始展开  */
.fq_demo_1 li{width:160px;}
.fq_demo_1 li:first-child{width:330px;}

#div_right{position:fixed;bottom:20px;width:125px;left:50%;z-index:1000;margin:0 0 0 515px;}



}